<template>
    <div class="m-box">
        <router-link to="/movie/1">M1</router-link>
        <router-link to="/movie/2">M2</router-link>
        <router-link to="/movie/3">M3</router-link>
        <router-view></router-view>

    </div>
</template>
<style scoped>
.m-box {
    min-height: 150px;
    background-color:  gainsboro;
    /* padding: 15px; */
}
.m-box a {
    padding: 10px;
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0px 5px;
    color: #000;
    margin: 0 5px;
}
</style>